/*
 * @Author: caijw 
 * @Date: 2018-11-04 21:04:23 
 * @Last Modified by: caijw
 * @Last Modified time: 2018-11-17 22:33:13
 * 导航栏
 */

import React from 'react';
import {Link,NavLink} from 'react-router-dom';
import './nav.less';
// NavLink一般情况下 都需要自己重新封装
export default class Nav extends React.Component {
  render() {
    return (
      <div className="navbar">
          <ul className="navbar-nav nav">
            <li>
              <NavLink to="/" exact={true}>
                <i className="ico nav-ico1"></i>
                <p className="nav-text">首页</p>
              </NavLink>
            </li>
            <li>
              <NavLink to="/category">
                <i className="ico nav-ico2"></i>
                <p className="nav-text">分类</p>
              </NavLink>
            </li>
            <li>
              <NavLink to="/about">
                <i className="ico nav-ico3"></i>
                <p className="nav-text">周边</p>
              </NavLink>
            </li>
            <li>
              <NavLink to="/community">
                <i className="ico nav-ico4"></i>
                <p className="nav-text">社区</p>
              </NavLink>
            </li>
            <li>
              <NavLink to="/my" exact={true}>
                <i className="ico nav-ico5"></i>
                <p className="nav-text">我的</p>
              </NavLink>
            </li>
          </ul>
      </div>
    )
  }
}